<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#waice {
  width: 500px;
  margin: 5px 6px 7px 8px;
  height: 400px;
  padding: 1px 2px 3px 4px;
  float: left;
  border: 2px solid #00C;
  position:absolute;
}
#neice1 {
  height: 50px;
  width: 50px;
  margin: 30px;
  border: 2px solid #00C;
}
#neice2 {
  height: 140px;
  width: 250px;
  vertical-align: bottom;
  border: 2px solid #00C;
  text-align: center;
  padding: 1px 2px 3px 4px;
  position:absolute;
  bottom: 0px;
}

</style>
</head>




<body>
<div id="waice">父容器
  <div id="neice1">测试子容器</div>
  <div id="neice2" >父容器选择绝对或者相对对齐，子容器选择绝对定位，可以实现向父容器底端对齐</div>
</div>



</body>
</html>
